
<template class="container">
    <WindowTitleBar title="测试"></WindowTitleBar>
    <div class="animate">1</div>
</template>

<script type="text/lua">
RegisterComponent("WindowTitleBar", "%vue%/Components/WindowTitleBar.html");

function OnReady()
end
</script>

<style>
@keyframes test {
    from {
        /* width: 100px;
        height: 100px;
        background-color: #ff0000; */
        transform: rotate(0);
    }
    50% {
        /* width: 150px;
        height: 130px;
        background-color: #00ff00; */
        transform: rotate(180);
    }
    to {
        /* width: 200px;
        height: 200px;
        background-color: #0000ff; */
        transform: rotate(360);
    }
}

.container {
    height: 100%; 
    width: 100%; 
    padding: 0px 2px 2px 2px;
    background: url(Texture/Aries/Creator/keepwork/Window/dakuang_32bits.png#0 0 440 93:378 43 33 44);
}

.animate {
    animation: test 20s linear 0s 1 alternate;
    height: 100px;
    width: 100px;
    background-color: #0000ffff;
}
</style>

